import Vue from 'vue';
import VueResource from 'vue-resource';

// 缩略图插件
import VuePreview from 'vue-preview'

// 图片懒加载
import VueLazyload from 'vue-lazyload'

// 手动引入外部 mui样式
import './libs/mui/css/mui.css';
// 手动引入 mui图标扩展样式
import './libs/mui/css/icons-extra.css'
// 手动引入 mui字体扩展样式
import './libs/mui/fonts/mui-icons-extra.ttf'


// 按需引入 mint-ui组建
import {
  Header, //头部UI
  Swipe, //轮播图UI
  SwipeItem, //轮播图单元UI
  Button
} from 'mint-ui'

// 引入基础组件
import app from './App.vue';
import router from './router.js';

// 时间格式化组件
import moment from 'moment';

// vue挂载组件
// mint-UI组件
Vue.component(Header.name, Header);
Vue.component(Swipe.name, Swipe);
Vue.component(SwipeItem.name, SwipeItem);
Vue.component(Button.name, Button);

// 缩略图插件
Vue.use(VuePreview)

// vue原声组件
Vue.use(VueResource);

// 图片懒加载
Vue.use(VueLazyload)

// 设置请求路径前缀
Vue.http.options.root = 'http://vue.studyit.io';

// 设置post请求为表单方式提交
Vue.http.options.emulateJSON = true;



// 全局时间格式化过滤器
Vue.filter('timeFormat', function (info, option = 'YYYY-MM-DD HH:mm:ss') {
  return moment(info).format(option);
})


var vm = new Vue({
  el: '#app',
  render: function (createElement) {
    return createElement(app);
  },
  router
})